﻿<div class="container form-horizontal">

    <update-meta property="og:title" content="{{share.title}}"></update-meta>
    <update-meta property="og:description" content="{{share.description}}" />
    <update-meta property="og:image" content="{{share.pictureUrl}}" />
    <update-meta property="og:url" content="{{share.url}}" />

    <div class="form-group">
        <div class="row">
            <div class="col-sm-12">
                <carousel  class="coursel-inner" interval="2000" no-wrap="noWrapSlides" >
                    
                    <slide ng-repeat="slide in slides" active="slide.active" style="height:650px">
                        <img ng-src="{{slide.pictureURL}}" class="item" >
                        <div class="carousel-caption">
                            <h4>Slide {{$index}}</h4>
                            <p></p>
                        </div>
                    </slide>
                </carousel>
            </div>
        
        </div>
        <div class="row">
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                     <label  style="color:aqua "class="col-sm-4">{{Project.ProjectName}}</label>
                </div>
            </div>
                <div class="row">
                    <div class="col-sm-12 PaddingHeight">
                        <label class="col-sm-4">Project Location</label>
                        <div class="col-sm-8">
                            {{Project.ProjectLocation}}
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12 PaddingHeight">
                        <label class="col-sm-4">Project Details</label>
                        <button type="button" class="btn" data-toggle="collapse" data-target="#demo">More Details</button>

                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-offset-4 col-xs-10 col-xs-offset-1 collapse angular-with-newlines" id="demo">
                        {{Project.ProjectDetails}}
                    </div>
                </div>
                <!--<div class="row">
            <div class="col-sm-12 PaddingHeight">
                <label class="col-sm-4">Project Details</label>
                <div class="col-sm-8">
                    {{Project.ProjectDetails}}
                </div>
            </div>
        </div>-->

                <div class="row">
                    <div class="col-sm-12 PaddingHeight">
                        <label class="col-sm-4">Project Price</label>
                        <div class="col-sm-8">
                            {{Project.ProjectPrice}}
                        </div>
                    </div>
                </div>

            </div>

    </div>
    <!--<div class="form-group">
        <div class="col-sm-12" style="color:red;font-size:160%">
            {{Project.ProjectName}}
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-2 control-label">Project Location</label>
        <div class="col-sm-10">
            {{Project.ProjectLocation}}
        </div>
    </div>-->
    <!--<div class="form-group">
        <label class="col-sm-2 control-label">Project Details</label>
        <div class="col-sm-10 angular-with-newlines" >
            {{Project.ProjectDetails}}
        </div>
    </div>-->


    <!--<div class="form-group">
        <label class="col-sm-2 control-label">Project Price</label>
        <div class="col-sm-10 angular-with-newlines">
            {{Project.ProjectPrice}}
        </div>
    </div>-->

        <div class="col-sm-12">
        <div class="col-sm-2 pull-left">
            <a facebook-feed-share class="facebookShare" data-url='{{share.url}}' data-shares='shares' , data-caption='www.penangrealty.my 世界地產' data-picture='{{share.pictureUrl}}' data-description="{{share.description}} " data-name='{{share.title}}'class="angular-with-newlines">{{shares}} </a>
        </div>
        <div class="col-sm-2 pull-right">
            <div gplus data-size="tall" data-annotation="bubble" data-href='{{share.url}}' data-action='share'></div>
        </div>
    </div>




</div>

<style>
    .PaddingHeight {
        padding-top: 10px;
    }
    .tales {
        width: 800px; 
        height: 600px;  
      }

  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: auto;
      height:80%;
      margin: auto;
  }

    /*.imgHeight{
        width:100%;
        height:100%;
    }
    .carousel-inner{
        width:100%;
        max-height: 100%;
    }*/


</style>